@import "./common.scss";

.banner{
  .container-fluid{
    padding: 0;
    img{
      width: 100%;
    }
  }
}

.company{
  padding-top: 95px;
  padding-bottom: 67px;
  .container{
    .row{
      display: flex;
      flex-wrap: wrap;
      .company-wrapper{
        // display: flex;
        .company-text{
          
          
          h2{
            margin: 0;
            margin-bottom: 35px;
            color: #2a2a2a;
            font-size: 36px;
          }
          h3{
            margin: 0;
            margin-bottom: 32px;
            
            font-size: 21px;
          }
          p{
            margin: 0;
            margin-bottom: 28px;
            font-size: 14px;
            text-indent: 2em;
          }
        }
        .company-img{
          img{
            width: 100%;
          }
        }
        &:last-child{
          align-self: flex-end;
        }
        
      }
    }
  }
}

.person{
  background-color: #8cc11f;
  .container{
    color: #ffffff;
    h2{
      margin: 0;
      padding-top: 115px;
      padding-bottom: 60px;
    }
    .row{
      .person-wrapper{
        .person-text{
            p{
            margin-bottom: 20px;
          }
        }
        &:last-child{
          button{
            margin-bottom: 15px;
            width: 220px;
            height: 50px;
            color: #8cc11f;
            background-color:#ffffff;
            border-radius: 6px;
            border:transparent;
            outline: transparent;
            cursor: pointer;
          }
        }

      }
    }
  }
}

.introduce{
  padding-top: 122px;

  h2,h3,p{
    margin: 0;
  }

  .as3{
    padding-bottom: 65px;
    border-bottom: 1px solid #d2d2d2;
    
    .container{
      .row{
        .introduce-wrapper{
          h2{
            color: #8cc11f;
            padding-bottom: 40px;
            font-size: 26px;
            padding-top: 72px;
          }
          h3,p{
            font-size: 18px;
            padding-bottom: 17px;
          }
          p{
            font-size: 14px;
          }
        }
      }
    }
  
   
  }
  
}

.contact1{
  background-color: #f4f4f4;
  padding-bottom: 60px;
  .container{
    h2{
      padding-top: 42px;
      padding-bottom: 40px;
    }
    .row{
      display: flex;
      flex-wrap: wrap;
      
      .contact-wrapper{
        display: flex;
        flex-wrap: wrap;
        height: 225px;
        .contact-item{
          padding-left: 20px;
          display: flex;
          align-items: center;
          justify-content: flex-start;
          width: 465px;
          height: 104px;
          background-color: #ffffff;
          border: 1px solid #e3e3e3;
          
          .item-img{
            img{
              width: 100%;
            }
          }
          p{
            padding-left: 10px;
            font-size: 16px;
          }
          
        }
        
      }
    }
  }
  
}



@media screen and (max-width:992px){
    .company{
      .container{
        .row{
          .company-wrapper{
            &:last-child{
              align-self: center;
            }
          }
        }
      }
    }
}
@media screen and (max-width:768px){
  .contact1{
    .container{
      .row{
       .contact-wrapper{
         justify-content: center;
        //  height:225px;
         .contact-item{
           display: flex;
          width: 325px;
          height: 45px;
          .item-img{
            width: 10%;
          }
          p{
            font-size: 12px;
            margin: 0;
          }
         }
       }
      }
    }
  }
}

